<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>快递收寄</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <style type="text/css">
        .icon {
            width: 1em;
            height: 1em;
            vertical-align: -0.15em;
            fill: currentColor;
            overflow: hidden;
        }
    </style>
    <script src="__TMPL__/public/assets/wuye/js/mui.min.js"></script>
    <link href="__TMPL__/public/assets/wuye/css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/wuye/css/app.css" />
    <script src="__TMPL__/public/assets/wuye/js/iconfont.js"></script>
    <link href="__TMPL__/public/assets/wuye/css/mui.picker.css" rel="stylesheet" />
    <link href="__TMPL__/public/assets/wuye/css/mui.poppicker.css" rel="stylesheet" />
    <style type="text/css">
        .mui-card-header>img:first-child{
            height: 80px;
            width: 80px;
        }
        .mui-card-header.mui-card-media .mui-media-body {
            font-size: 20px;
            font-weight: 500;
            line-height: 40px;
            margin-bottom: 0;
            margin-left: 120px;
            color: #333;
        }
        .mui-input-row .mui-btn{
            width: 100%;
        }
        #kuaidi{
            margin-top: 15px;
        }
        .mui-ellipsis {
            overflow: hidden;
            white-space: normal;
            text-overflow: ellipsis;
        }
        .icon{
            color: red;
        }
    </style>
</head>

<body>

<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">快递收寄</h1>
</header>
{:widget('Wuye/nav')}
<div class="mui-content">
    <div class="mui-card">
        {:widget('Wuye/info')}
    </div>

    <h4 class="mui-navigate-right" style="margin: 20px 10px; ">发件一键拨号</h4>
    <ul class="mui-table-view">
        <volist name="data" id="vo">
            <li class="mui-table-view-cell mui-media">
                <a class="mui-navigate-right" href="tel:{$vo.url}">
                    <img class="mui-media-object mui-pull-left" src="<?php echo DS . 'upload' . DS?>{$vo.imgsrc}" style="max-width: 120px;height: 60px;width: 120px;">
                    <div class="mui-media-body" style="padding-left: 20px;padding-top: 15px;">
                        {$vo.name}
                        <!--<p style="line-height: 42px;font-size: 20px;color: #333;">{$vo.url}</p>-->
                        <p>{$vo.url}</p>
                    </div>
                </a>
            </li>
        </volist>
    </ul>

</div>
</body>
</html>